<template>
  <a-card :bordered="true" style="margin-top: 24px" title="升级日志">
    <a-collapse :defaultActiveKey="activeKey" accordion>
      <a-collapse-panel :key="index " :header="item.title" v-for="(item,index) in data">
        <p>{{ item.content }}</p>
      </a-collapse-panel>
    </a-collapse>

  </a-card>

</template>

<script>
export default {
  name: 'ChangeLog',
  data () {
    return {
      activeKey: '0',
      data: [
        {
          version: 'v1.0',
          title: '2020-05-18  更新日志',
          content: '更新数据'
        },
        {
          version: 'v0.9',
          title: '2020-04-15  更新日志',
          content: '更新数据'
        }
      ]
    }
  },
  watch: {
    activeKey (value) {
      console.log(value, 'activeKey')
    }
  }
}
</script>

<style scoped>

</style>
